<template>
    <div class="parts">
       <SchoolPart :data="schoolpart"/>
    </div>
</template>
<script>
import schoolpart from '../components/schoolpart.vue'
import {schoolpartData} from '../DataSource.js'
export default{
    components:{
        SchoolPart:schoolpart
    },
    data(){
        return{
            schoolpart:schoolpartData
        }
    },
    mounted(){
        console.log('1',this.schoolpart,'2',schoolpartData)
    }
}
</script>
<style scoped>
.parts{
    width: 70%;
    margin: 1em auto;
}
</style>
